<template>
  <div class="box">

  </div>
</template>

<script lang="ts" setup>
import {getCurrentInstance, ref, reactive, onMounted, shallowReactive, triggerRef} from "vue";
//shallowReactive 用于优化用，只是响应第一层数据改变而试图变化，第二层修改数据但是不做响应式
//triggerRef 再用shallowReactive 的时候只是试图改变相应的第一层，需要改变第二层数据时使用 triggerRef
//toRaw 获取数据的原始值
//markRaw 原始数据标记为非响应式
//watchEffect 获取改变后的响应值
//getCurrentInstance vue2中的this 可获取实例用
//ctx  proxy多包了一层响应式
const {proxy} = getCurrentInstance() as any; // 类似于this

onMounted(() => {

})


</script>

<style lang="scss" scoped>
.box {
  width: 375px;
  height: 100vh;
  background: black;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
